<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <style>
        .jb2{
        background: #FF512F;
        background: -webkit-linear-gradient(to left, #ce5344 25%, #d5372b 75%);
        background: linear-gradient(to left, #ce5344 25%, #d5372b 75%);
    }
    </style>
</head>

<body>
    <header class="aui-bar aui-bar-nav jb" id="header">
        <a class="aui-pull-left aui-btn">
            <span class="aui-iconfont aui-icon-calendar"></span>
        </a>
        <div class="aui-title" style="left:2rem; right: 2rem;">
            <div class="aui-searchbar" id="search" style="background: transparent;">
                <div class="aui-searchbar-input aui-border-radius jb2" style="border-radius: 5rem;">
                    <i class="aui-iconfont aui-icon-search" style="font-size: .7rem;"></i>
                    <input type="search" placeholder="请输入搜索的宝贝名称" disabled="">
                    <div class="aui-searchbar-clear-btn">
                        <i class="aui-iconfont aui-icon-close"></i>
                    </div>
                </div>
            </div>
        </div>
        <a class="aui-pull-right aui-btn">
            <span class="aui-iconfont aui-icon-cart"></span>
        </a>
    </header>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">
    apiready = function () {
        api.parseTapmode();
        var header = $api.byId('header');
        $api.fixStatusBar(header);
        var headerPos = $api.offset(header);
        var body_h = $api.offset($api.dom('body')).h;

        api.openFrame({
            name: 'index_frm',
            url: 'widget://html/index_frm.html',
            bounces: false,
            pageParam: {
                //other: other
            },
            rect: {
                x: 0,
                y: headerPos.h,
                w: 'auto',
                h: 'auto',
                marginBottom: 60
            }
        });
    };
</script>

</html>